/* 清除默认样式 */
* {
    margin: 0;
    padding: 0;
}
body{
    height: 4000px;
}
.store__nav{
    display: flex;
    padding: 0 109px;
    height: 70px;
    align-items: center;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
    background-color: #fff;
}
.store__nav__list{
    flex: 1;
}
.store__nav__logo{
    width: 46px;
    height: 46px;
}
.store__nav__logo img{
    width: 100%;
    height: 100%;
}
ul li{
    list-style: none;
}
.store__nav__list ul{
    display: flex;
}
.list__item{
    margin-left: 44px;
}
.button--primary{
    width: 90px;
    height: 36px;
    font-size: 16px;
    border-radius: 18px;
    border: none;
}
.login{
    background-color: #fff;
    color: #000;
}
.register{
    
    background-color: #000;
    color: #fff;
}
.store-search::before{
    content:'';
    height: 70px;
    display: block;
}
.store-search{
    display: flex;
    justify-content: center;
}
.search-box{
    padding: 90px 0 40px 0;
}
.search-box--input{
    width: 853px;
    height: 56px;
    font-size: 18px;
    position: relative;
}
.search-input{
    width: 100%;
    height: 100%;
    font-size: 18px;
    padding-right: 110px;
    padding-left: 45px;
    box-sizing: border-box;
    border-radius: 9px;
}
.search-button{
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000;
    width: 89px;
    height: 44px;
    color: #fff;
    border-radius: 36px;
}
.search-box--icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height:33px;
    left: 10px;
}
.search-box--icon img{
    width: 100%;
    height: 100%;
}
.search-hot{
    margin-top: 9px;
    font-size: 16px;
    color: #6B7280 ;
}
.search-hot a{
    font-size: 16px;
    color: #6B7280;
    margin-right: 8px;
    text-decoration: none;
}
.category-title{
     padding: 16px 205px;

     box-shadow: 0px 1px 3px 0px rgba(8, 8, 8, 0.05);
}
.category-title__list{
    display: flex;
}
.list-item{
    font-size: 18px;
    color: #4B5563 ;
    margin-right: 44px;
    cursor: pointer;
}
.list-item:nth-child(1){
    color: #000;
}
.category-content{
  padding: 44px 205px 65px 205px;
  background-color: #F9FAFB;
}
.content-banner img{
  width: 100%;
}
.goods-title{
    font-size: 24px;
    color: #000000 ;
}
.content-goods{
    padding-top: 44px;
}
.goods-item{
    padding-top:33px ;
}
.goods-title{
    color: #000000 ;
    font-size: 24px;
    font-weight: 700;
}
.goods-item__list{
    display: flex;
}
.goods-item__list__item{
flex: 1;                 /* 让每个元素平均分配剩余空间 */
text-align: center;  /* 内容居中对齐 */
padding: 22px 20px;
background-color: #fff;
padding-bottom: 20px;
border-radius: 18px;
}
.goods-item__list__item__title{
    margin-top: 5px;
    text-align: left;
}
.goods-item__list__item__price{
    margin-top: 5px;
    text-align: left;
    color: #DC2626;
    font-size: 20px;
}
.goods-item__list__item img{
    padding-top: 20px;
    border-radius: 1px;
    width: 70%;
    height: 70%;
}
.time-limit__title{
    display: flex;
    position: relative;
}
.time-limit__title__text{
    font-weight: 600;
    font-size: 24px;
    color: #000000; 
    left: 0%;
    font-style: normal;
    text-transform: none;
    
}
.time-limit__title__time{
    right: 0%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}
.time-limit{
    padding-top: 20px;
}
.number{
    color: #fff;
    background: #000000;
    border-radius: 5px 5px 5px 5px;
    margin: 0 10px;
    padding: 5px 5px;
}
.number-text{
    font-weight: 400;
    font-size: 18px;
}
.time-limit-goods{
    display: flex;
}

.box{
    flex: 1;
    margin-top: 20px;
    padding: 10px 10px;
    text-align: center;
}
.time-limit-goods-img img{
    width: 100%;
}
.nowprice{
    font-size: 18px;
    color: #DC2626;
    margin-top: 5px;
}
.oldprice{
    font-size: 18px;
    margin-top: 5px;
    color: #9CA3AF;
    text-decoration-line: line-through;
    text-transform: none;
}
.time-limit-goods{
    background-color: #fff;
    margin-top: 20PX;
    border-radius: 5px 5px 5px 5px;
}
.store-foot{
    padding: 45px 205px;
    position: relative;
}
.about_us__title{
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}
.about_it__text{
    font-size: 16px;
    color: #4B5563;
    margin-bottom: 5px;
}
.description{
    display: flex;
    position: relative;
}
.about_us{
    flex:1;
}
.about_call__title{
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}
.about_callit__text1{
    font-weight: 600;
    font-size: 26px;
    color: #000000;
    margin-bottom: 5px;
}
.about_callit__text{
    font-weight: 400;
    font-size: 16px;
    color: #4B5563;   
}
.executive-function{
    position: absolute;
    right: 18px;
    top: 0px;
}
.function-box{
    width: 20px;
    height: 20px;
    margin-bottom: 18px;
}
.function-box img{
    width: 100%;
    height: 100%;
}